.holo-switch 
  label 
    &:before, &:after 
      color: white
      height: 24px
      line-height: 24px
      margin: 12px 0
      font-size: 12px
      width: 38px
      text-align: center
      display: block
      float: right
    &:after
      content: "OFF"
      color: #333
      background: #bbb
    &:before 
      content: ""
      background: #aaa
  input
    display: none
    &:checked
      + label:after
        content: ""
      + label:before 
        content: "ON"
        background-color: darken($rs_blue, 0%)

form.custom .custom.radio.checked:before
  background-color: darken($rs_blue, 5%)